<div data-role="page">
    <div data-role="header">
        <a href="#" data-rel="back" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow">返回</a>
        <h1>音频插件</h1>
    </div>
    <div role="main" class="ui-content">
        <p>cordova-plugin-media插件</p>
        <p>请查看一下调用示例</p>
        <div data-role="collapsible">
            <h1>录制音频</h1>
            <div id="mediaInfo" width="100%"></div>
            <button  onclick="startRecord()" class="ui-btn ui-btn-a">点击录制音频</button>
            <button  onclick="pauseRecord()" class="ui-btn ui-btn-a">暂停录制音频</button>
            <button  onclick="resumeRecord()" class="ui-btn ui-btn-a">继续录制音频</button>
            <button  onclick="stopRecord()" class="ui-btn ui-btn-a">停止录制音频</button>
        </div>

        <div data-role="collapsible">
            <h1 >播放音频</h1>
            <button  onclick="startPlaying()" class="ui-btn ui-btn-a">点击播放音频</button>
            <button  onclick="pausePlaying()" class="ui-btn ui-btn-a">点击暂停播放音频</button>
            <button  onclick="resumePlaying()" class="ui-btn ui-btn-a">点击继续播放音频</button>
            <button  onclick="stopPlaying()" class="ui-btn ui-btn-a">点击停止播放音频</button>
        </div>

        <div data-role="collapsible">
            <h1>音量调整</h1>
            <button  onclick="setVolume0()" class="ui-btn ui-btn-a">点击关闭音量</button>
            <button  onclick="setVolume1()" class="ui-btn ui-btn-a">点击打开音量</button>
        </div>
        <div data-role="collapsible">
            <h1>设置播放进度</h1>
            <button  onclick="seekTo()" class="ui-btn ui-btn-a">点击设置播放进度</button>
            <button  onclick="setRate()" class="ui-btn ui-btn-a">点击设置慢速播放</button>
        </div>
        <div data-role="collapsible">
            <h1>释放音频</h1>
            <button  onclick="releaseAudio()" class="ui-btn ui-btn-a">点击释放音频</button>
        </div>
    </div>
</div>
